// pages/cart/cart.js
// api 文件下写好的接口方法 导入到页面使用
import {getProvince,getCity} from '../../api/home'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    proArr:[], //省的数组
    proIndex:0,//省的下标
    cityArr:[],//市的数据
    cityIndex:0,//市的下标
    areaArr:[],//区的数组
    areaIndex:0//区的下标
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
      this.getPro()//获取省方法
  },
  // 省的选择事件
  async getProIndex(e){
      // e.detail.value
      this.setData({
        proIndex:e.detail.value
      })
      // 调用市的接口
      let pid=this.data.proArr[this.data.proIndex].id; //接口需要的省的id
      // 获取市的接口方法的调用
      let res=await  getCity(pid)
      console.log(res);
      this.setData({
        cityArr:res.data
      })
  },
  // 市的change的事件
  async getCityIndex(e){
      this.setData({
        cityIndex:e.detail.value
      })
      // 加载区县的接口
      let pid=this.data.cityArr[this.data.cityIndex].id//市的id
      let res=await getCity(pid)
      console.log(res);
      this.setData({
        areaArr:res.data
      })
  },
  // 区的change事件
  async areaChange(e){
    this.setData({
      areaIndex:e.detail.value
    })
    let pid=this.data.areaArr[this.data.areaIndex].id
    let res=await getCity(pid)
    console.log(res)
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    
  },
 async getPro(){//获取省的方法
      // 第一种写法
      // getProvince().then(res=>{
      //   console.log(res)
      // })
      // 第二种写法
      var res=await getProvince()
      console.log(res)
      this.setData({
        proArr:res.data
      })
 },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})